<?php
	$root = "http://".$_SERVER['HTTP_HOST']."/".substr($_SERVER['PHP_SELF'], 1, strpos(substr($_SERVER['PHP_SELF'], 1), "/"))."/";
?>
<!DOCTYPE html>
<!-- 
文件用途:安装"视频监控系统"插件
作者:hjl
制作日期:2013-1-9
最后编辑人:hjl
最后编辑时间:2013-1-9
-->
<html lang="en">
  <head>
    <base href="<?php echo $root;?>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<title>安装"视频监控系统"插件</</title>
    <?php include '../pages/common/importBaseCss.php'; ?>
    <!-- wizard -->
    <link rel="stylesheet" href="lib/stepy/css/jquery.stepy.css" /> 
  <script type="text/javascript">
			//init datas
var userId = "888888";				
var sidebarDatas = [{id:1,text:'瓦斯监控系统',clazz:'icon-eye-open',pid:0},
			{id:2,text:'KJ监控系统',href:'pages/RealTimeData/listRealTimeData.jsp',available:'true',pid:1},
			{id:3,text:'GIS安全监控系统',clazz:'icon-globe',pid:0},
			{id:4,text:'GIS监测系统',href:'pages/GisMonitoringSystem/GisMonitoringSystem.jsp',available:'true',pid:3},
			{id:5,text:'人员定位管理系统',clazz:'icon-user',pid:0},
			{id:6,text:'人员定位系统',href:'pages/example/blank.jsp',available:'true',pid:5},
			{id:7,text:'视频监控系统',clazz:'icon-facetime-video',pid:0},			
			{id:8,text:'视频监控系统',href:'pages/example/blank.jsp',available:'true',pid:7},
			{id:9,text:'探放水',clazz:'icon-tint',pid:0},			
			{id:10,text:'探放水记录',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:11,text:'掘进管理',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:12,text:'数据管理系统',clazz:'icon-hdd',pid:0},
			{id:13,text:'KJ数据查询',href:'pages/dataManagementSystem/listGasMonitoringSystem.jsp',available:'true',pid:12},
			{id:14,text:'KJ趋势分析',href:'pages/example/blank.jsp',available:'true',pid:12},
			{id:15,text:'模拟量报警查询',href:'pages/dataManagementSystem/listAnalogAlarmQuery.jsp',available:'true',pid:12},
			{id:16,text:'开关量报警查询',href:'pages/dataManagementSystem/listSwitchAlarmQuery.jsp',available:'true',pid:12},
			{id:17,text:'瓦斯报警查询',href:'pages/dataManagementSystem/listGasAlarmQuery.jsp',available:'true',pid:12},
			{id:18,text:'传感器故障查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:12},
			{id:19,text:'瓦突预警查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:12},
			{id:20,text:'报表系统',clazz:'icon-picture',pid:0},
			{id:21,text:'KJ日报表',href:'pages/ReportingSystem/KjDailyReport.jsp',available:'true',pid:20},
			{id:22,text:'KJ月报表',href:'pages/ReportingSystem/KjMonthReport.jsp',available:'true',pid:20},
			{id:23,text:'KJ综合日报表',href:'pages/ReportingSystem/KjComprehensiveDailyReport.jsp',available:'true',pid:20},
			{id:24,text:'KJ综合月报表',href:'pages/ReportingSystem/KjComprehensiveMonthReport.jsp',available:'true',pid:20},
			{id:25,text:'瓦斯报警日报表',href:'pages/ReportingSystem/gasAlarmDailyReport.jsp',available:'true',pid:20},
			{id:26,text:'瓦斯报警月报表',href:'pages/ReportingSystem/gasAlarmMonthReport.jsp',available:'true',pid:20},
			{id:27,text:'传感器故障日报表',href:'pages/ReportingSystem/sensorFailureDailyReport.jsp',available:'true',pid:20},
			{id:28,text:'传感器故障月报表',href:'pages/ReportingSystem/sensorFailureMonthReport.jsp',available:'true',pid:20},
			{id:29,text:'信息中心',clazz:'icon-comment',pid:0},
			{id:30,text:'通知公告',href:'pages/NoticeAnnouncement/listNoticeAnnouncement.jsp',available:'true',pid:29},
			{id:31,text:'系统管理',clazz:'icon-cog',pid:0},
			{id:32,text:'个人信息管理',href:'pages/SystemManagement/personalManagement.jsp',available:'true',pid:31},
			{id:33,text:'矿井管理',href:'pages/SystemManagement/listMineManagement.jsp',available:'true',pid:31},
			{id:34,text:'用户管理',href:'pages/SystemManagement/listUserManagement.jsp',available:'true',pid:31},
			{id:35,text:'部门管理',href:'pages/SystemManagement/listSectorManagement.jsp',available:'true',pid:31},
			{id:36,text:'角色管理',href:'pages/SystemManagement/listRoleManagement.jsp',available:'true',pid:31},
			{id:37,text:'传感器类别',href:'pages/SystemManagement/listSensorCategoryManagement.jsp',available:'true',pid:31},
			{id:38,text:'数据类别',href:'pages/SystemManagement/listCategoryDataManagement.jsp',available:'true',pid:31},
			{id:39,text:'电话薄管理',href:'pages/SystemManagement/listPhonebookManagement.jsp',available:'true',pid:31},
			{id:40,text:'短信发送历史查询',href:'pages/SystemManagement/listSmsHistory.jsp',available:'true',pid:31},
			{id:41,text:'系统日志',href:'pages/SystemManagement/listOperationLog.jsp',available:'true',pid:31}
		   ];
var navDatas = [{id:1,text:'用户名',location:'right',clazz:'icon-user',pid:0},
			{id:2,text:'个人资料',href:'#/personalInfo',available:'true',pid:1},
			{id:3,clazz:'divider',pid:1},
			{id:4,text:'退出',href:'#/logout',available:'true',pid:1},
			{id:5,text:'瓦斯监控系统',clazz:'icon-eye-open',pid:0},
			{id:6,text:'KJ监控系统',href:'pages/RealTimeData/listRealTimeData.jsp',available:'true',pid:5},
			{id:7,text:'GIS安全监控系统',clazz:'icon-globe',pid:0},
			{id:8,text:'GIS监测系统',href:'pages/GisMonitoringSystem/GisMonitoringSystem.jsp',available:'true',pid:7},
			{id:9,text:'人员定位系统',clazz:'icon-user',pid:0},
			{id:10,text:'人员定位系统',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:11,text:'视频监控系统',clazz:'icon-facetime-video',pid:0},			
			{id:12,text:'视频监控系统',href:'pages/example/blank.jsp',available:'true',pid:11},
			{id:13,text:'探放水',clazz:'icon-tint',pid:0},			
			{id:14,text:'探放水记录',href:'pages/example/blank.jsp',available:'true',pid:13},
			{id:15,text:'掘进管理',href:'pages/example/blank.jsp',available:'true',pid:13},
			{id:16,text:'数据管理系统',clazz:'icon-hdd',pid:0},
			{id:17,text:'KJ数据查询',href:'pages/dataManagementSystem/listGasMonitoringSystem.jsp',available:'true',pid:16},
			{id:18,text:'KJ趋势分析',href:'pages/example/blank.jsp',available:'true',pid:16},
			{id:19,text:'模拟量报警查询',href:'pages/dataManagementSystem/listAnalogAlarmQuery.jsp',available:'true',pid:16},
			{id:20,text:'开关量报警查询',href:'pages/dataManagementSystem/listSwitchAlarmQuery.jsp',available:'true',pid:16},
			{id:21,text:'瓦斯报警查询',href:'pages/dataManagementSystem/listGasAlarmQuery.jsp',available:'true',pid:16},
			{id:22,text:'传感器故障查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:16},
			{id:23,text:'瓦突预警查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:16},
			{id:24,text:'报表系统',clazz:'icon-picture',pid:0},
			{id:25,text:'KJ日报表',href:'pages/ReportingSystem/KjDailyReport.jsp',available:'true',pid:24},
			{id:26,text:'KJ月报表',href:'pages/ReportingSystem/KjMonthReport.jsp',available:'true',pid:24},
			{id:27,text:'KJ综合日报表',href:'pages/ReportingSystem/KjComprehensiveDailyReport.jsp',available:'true',pid:24},
			{id:28,text:'KJ综合月报表',href:'pages/ReportingSystem/KjComprehensiveMonthReport.jsp',available:'true',pid:24},
			{id:29,text:'瓦斯报警日报表',href:'pages/ReportingSystem/gasAlarmDailyReport.jsp',available:'true',pid:24},
			{id:30,text:'瓦斯报警月报表',href:'pages/ReportingSystem/gasAlarmMonthReport.jsp',available:'true',pid:24},
			{id:31,text:'传感器故障日报表',href:'pages/ReportingSystem/sensorFailureDailyReport.jsp',available:'true',pid:24},
			{id:32,text:'传感器故障月报表',href:'pages/ReportingSystem/SensorFailureMonthReport.jsp',available:'true',pid:24},
			{id:33,text:'信息中心',clazz:'icon-comment',pid:0},
			{id:34,text:'通知公告',href:'pages/NoticeAnnouncement/listNoticeAnnouncement.jsp',available:'true',pid:33},
			{id:35,text:'系统管理',clazz:'icon-cog',pid:0},
			{id:36,text:'个人信息管理',href:'pages/SystemManagement/personalManagement.jsp',available:'true',pid:35},
			{id:37,text:'矿井管理',href:'pages/SystemManagement/listMineManagement.jsp',available:'true',pid:35},
			{id:38,text:'用户管理',href:'pages/SystemManagement/listUserManagement.jsp',available:'true',pid:35},
			{id:39,text:'部门管理',href:'pages/SystemManagement/listSectorManagement.jsp',available:'true',pid:35},
			{id:40,text:'角色管理',href:'pages/SystemManagement/listRoleManagement.jsp',available:'true',pid:35},
			{id:41,text:'传感器类别',href:'pages/SystemManagement/listSensorCategoryManagement.jsp',available:'true',pid:35},
			{id:42,text:'数据类别',href:'pages/SystemManagement/listCategoryDataManagement.jsp',available:'true',pid:35},
			{id:43,text:'电话薄管理',href:'pages/SystemManagement/listPhonebookManagement.jsp',available:'true',pid:35},
			{id:44,text:'短信发送历史查询',href:'pages/SystemManagement/listSmsHistory.jsp',available:'true',pid:35},
			{id:45,text:'系统日志',href:'pages/SystemManagement/listOperationLog.jsp',available:'true',pid:35}
		   ];
  </script>      
  </head>  
  <body>
		<div id="loading_layer" style="display:none"><img src="img/ajax_loader.gif" alt="" /></div>
		<!-- style switcher -->
		<div class="style_switcher">
		</div>
		<div id="maincontainer" class="clearfix">
			<!-- header -->
            <header>
                <div class="navbar navbar-fixed-top">
                    <div class="navbar-inner">
                    </div>
                </div>
            </header>
            
            <!-- main content -->
            <div id="contentwrapper">
                <div class="main_content">
					<div class="row-fluid">
						<div class="span12">
							<h3 class="heading">安装"视频监控系统"插件</h3>
							<div class="row-fluid">
								<div class="span12">
									<form id="install_wizard" class="stepy-wizzard form-horizontal">
										<fieldset title="安装ActiveX for Chrome(1)">
											<legend class="hide">适用于360急速浏览器和谷歌浏览器</legend>
											<div class="formSep control-group">
												<label class="control-label span4">第<span class="badge badge-success">1</span>步(下载和运行"ActiveX for Chrome"):</label>
    											<div class="controls span8">
    												<a href="resources/plugin/extension_1_5_0_0.crx">extension_1_5_0_0.crx(250KB)</a>
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4">第<span class="badge badge-success">2</span>步(下载完毕后双击运行):</label>
												<div class="controls span8">
												    <label>情况<span class="badge badge-info">1</span>,出现"只可点击来自Chrome..."字样,请点击<a href="#">双击无法安装的情况处理</a></label>
													<img src="img/app/videoChannelInfo/install/chrome_install_fail.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>情况<span class="badge badge-info">2</span>,出现下图,点击"添加",然后点击<a href="#">安装和运行ActiveX插件</a></label>
													<img src="img/app/videoChannelInfo/install/chrome_install_success.jpg" class="img-polaroid">
												</div>
											</div>
										</fieldset>
										<fieldset title="安装ActiveX for Chrome(2)">
											<legend class="hide">双击无法安装的情况处理</legend>
											<div class="formSep control-group">
												<label class="control-label span4">第<span class="badge badge-success">1</span>步(点击菜单,打开"扩展程序"):</label>
    											<div class="controls span8">
    												<label>依次点击菜单</label>
													<img src="img/app/videoChannelInfo/install/chrome_menu.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>出现下图</label>
													<img src="img/app/videoChannelInfo/install/chrome_extend.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4">第<span class="badge badge-success">2</span>步(找到文件,鼠标拖动到上图窗口中):</label>
    											<div class="controls span8">
    												<label>extension_1_5_0_0.crx</label>
													<img src="img/app/videoChannelInfo/install/window_fileExplorer.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>拖动文件到"扩展程序"窗口</label>
													<img src="img/app/videoChannelInfo/install/chrome_drag.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>安装提示页面</label>
													<img src="img/app/videoChannelInfo/install/chrome_install_success.jpg" class="img-polaroid">
												</div>
											</div>													
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>安装成功后的页面</label>
													<img src="img/app/videoChannelInfo/install/chrome_install_success_after.jpg" class="img-polaroid">
												</div>
											</div>											
										</fieldset>
										<fieldset title="安装和运行ActiveX视频插件">
											<legend class="hide">请按照本页面说明安装</legend>
											<div class="formSep control-group">
												<label class="control-label span4">第<span class="badge badge-success">1</span>步(安装activeX插件):</label>
    											<div class="controls span8">
    												<label>打开连接</label>
													<a target="blank" href="pages/install_activex.php">安装activeX插件</a>
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>出现下图,点击"立即启用"</a></label>
													<img src="img/app/videoChannelInfo/install/chrome_install_activex.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4"></label>
												<div class="controls span8">
													<label>点击之后,出现下图,点击"启用在...上的所有控件"</a></label>
													<img src="img/app/videoChannelInfo/install/chrome_run_activex.jpg" class="img-polaroid">
												</div>
											</div>
											<div class="sepH_c control-group">
												<label for="s_country" class="control-label">3:</label>
												<div class="controls">
													<a href="http://dlc2.pconline.com.cn/filedown_52175_6750654/NfcCxwgA/Firefox-setup.exe">火狐浏览器(在线安装包:629KB)</a>
												</div>
											</div>
										</fieldset>
									</form>
								</div>									
							</div>
						</div>
					</div>
                </div>
            </div>
            
			<!-- sidebar -->
            <a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r" title="隐藏侧边栏">侧边栏</a>
            <div class="sidebar" id="sidebar">
			</div>
		</div>
  </body>
  <?php include '../pages/common/importBaseJs.php'; ?>
  <!-- wizard -->
  <script src="lib/stepy/js/jquery.stepy.min.js"></script>  
  <script type="text/javascript">
	/*
	*文件用途:安装"视频监控系统"插件
	*作者:hjl
	*制作日期:2013-1-8
	*最后编辑人:hjl
	*最后编辑时间:2013-1-8
	*/	
	//================
	//模块入口
	//================
  $(document).ready(function() {
      app.explorerInstallWizard();
  }); 
  app = 
  {
	//================
	//安装"视频监控系统"插件
	//================ 		
	explorerInstallWizard: function(){
		$('#install_wizard').stepy({
			titleClick : true,
			nextLabel : '下一步 <i class="icon-chevron-right icon-white"></i>',
			backLabel : '<i class="icon-chevron-left"></i> 上一步',
			finishButton: false
		});
		$('.stepy-titles').each(function(){
			$(this).children('li').each(function(index){
				var myIndex = index + 1
				$(this).append('<span class="stepNb">'+myIndex+'</span>');
			})
		});
	}
  } 
  </script>  
  <script src="js/gebo_common.js"></script>
</html>
